<script type="text/javascript" src="js/CalendarPopup.js"></script>
<script type="text/javascript" src="js/PopupWindow.js"></script>
<script type="text/javascript" src="js/AnchorPosition.js"></script>
<script type="text/javascript">
{literal}
function checkvalues() {
	if (document.getElementById('wijziggegevens').email.value == "") { 
		alert("Je hebt geen emailadres op te geven.");
		document.getElementById('wijziggegevens').email.focus();
		return false;
	}
	
	if (document.getElementById('wijziggegevens').straatnaam.value == "") { 
		alert("Je hebt geen straatnaam opgegeven.");
		document.getElementById('wijziggegevens').straatnaam.focus();
		return false;	
	}
	
	if (document.getElementById('wijziggegevens').huisnummer.value == "") { 
		alert("Je hebt geen huisnummer opgegeven.");
		document.getElementById('wijziggegevens').huisnummer.focus();
		return false;	
	}
	
	if (document.getElementById('wijziggegevens').postcode.value == "") { 
		alert("Je hebt geen postcode opgegeven.");
		document.getElementById('wijziggegevens').postcode.focus();
		return false;	
	}
	
	if (document.getElementById('wijziggegevens').plaats.value == "") { 
		alert("Je hebt geen plaats opgegeven.");
		document.getElementById('wijziggegevens').plaats.focus();
		return false;	
	}
	
	if (document.getElementById('wijziggegevens').mobiel.value == "") { 
		alert("Je hebt geen vast mobiel telefoonnummer opgegeven.");
		document.getElementById('wijziggegevens').mobiel.focus();
		return false;	
	}
	
	if (document.getElementById('wijziggegevens').geboorteplaats.value == "") { 
		alert("Je hebt geen geboorteplaats opgegeven.");
		document.getElementById('wijziggegevens').geboorteplaats.focus();
		return false;	
	}
	
	if (document.getElementById('wijziggegevens').birthdateDay.value == "" || document.getElementById('wijziggegevens').birthdateMonth.value == "" || document.getElementById('wijziggegevens').birthdateYear.value == "") { 
		alert("Je hebt geen geboortedatum opgegeven.");
		document.getElementById('wijziggegevens').birthdateDay.focus();
		return false;	
	}
	
	var submit = true;
	
	if (document.getElementById('wijziggegevens').pwold.value != "" && (document.getElementById('wijziggegevens').pwnew1.value == "" || document.getElementById('wijziggegevens').pwnew2.value == "")) { submit = false; }
	if (document.getElementById('wijziggegevens').pwnew1.value != "" && (document.getElementById('wijziggegevens').pwold.value == "" || document.getElementById('wijziggegevens').pwnew2.value == "")) { submit = false; }
	if (document.getElementById('wijziggegevens').pwnew2.value != "" && (document.getElementById('wijziggegevens').pwnew1.value == "" || document.getElementById('wijziggegevens').pwold.value == "")) { submit = false; }

	if (submit == true) {
		if (document.getElementById('wijziggegevens').pwnew1.value != "" && document.getElementById('wijziggegevens').pwnew2.value != "" && document.getElementById('wijziggegevens').pwnew1.value != document.getElementById('wijziggegevens').pwnew2.value) {
			alert("De waarden van je nieuwe wachtwoord zijn niet gelijk. De laatste twee velden van het formulier dienen beide het nieuwe wachtwoord te bevatten.");
		}
		else {
			document.getElementById('wijziggegevens').submit();
		}
	}
	else {
		alert("Vul bij het wijzigen van het wachtwoord alle velden of geen enkel veld in.");
	}
}

function changeDate(y,m,d) {
	document.getElementById('wijzigggevens').dateYear.value = y;
	document.getElementById('wijzigggevens').dateMonth.value = m;
	document.getElementById('wijzigggevens').dateDay.value = d;
	document.getElementById('wijzigggevens').submit();
}
{/literal}
</script>
<table class="table_main" border="0" style="text-align: left">
	<tr>
		<td class="tekst" width="500" style="vertical-align: top">
			<h1>Persoonlijk</h1>
			<p>&nbsp;</p>
			<h2>Mijn gegevens</h2>
		</td>
	</tr>
	<tr>
		<td class="tekst" style="width:450px;">
		{if $accessToGegevensWijzigen}
			<form id="wijziggegevens" method="post" action="{$REQUEST_URI}">
				<table cellspacing="0" cellpadding="3" border="0">
					<tr>
						<td style="width: 150px">Naam:</td>
						<td>{$user->getVoorletters()|stripslashes} {$user->getTussenvoegsel()|stripslashes} {$user->getAchternaam()|stripslashes}</td>
					</tr>
					<tr>
						<td>Roepnaam:</td>
						<td>{$user->getVoornaam()|stripslashes}</td>
					</tr>
					<tr>
						<td>E-mail adres:*</td>
					
						<td><input type="text" name="email" value="{$user->getEmail()|stripslashes}" style="width: 300px"></td>
					</tr>
					<tr>
						<td>Straatnaam:*</td>
						<td><input type="text" name="straatnaam" value="{$woonadres->getStraatnaam()|stripslashes}" style="width: 300px"></td>
					</tr>
					<tr>
						<td>Huisnummer*, toevoeging:</td>
						<td><input type="text" name="huisnummer" value="{$woonadres->getHuisnummer()|stripslashes}" style="width: 100px">
						<input type="text" name="toevoeging" value="{$woonadres->getToevoeging()|stripslashes}" style="width: 139px"></td>
					</tr>
					
					<tr>
						<td>Postcode*, plaats:*</td>
						<td><input type="text" name="postcode" value="{$woonadres->getPostcode()|stripslashes}"  style="width: 75px">
						<input type="text" name="plaats" value="{$woonadres->getPlaats()|stripslashes}" style="width: 214px"></td>
					</tr>
					<tr>
						<td>Telefoon:</td>
						<td><input type="text" name="telefoon" value="{$user->getTelefoon()|stripslashes}"  style="width: 200px"></td>
					</tr>
					<tr>
						<td>Mobiel:*</td>
						<td><input type="text" name="mobiel" value="{$user->getMobiel()|stripslashes}"  style="width: 200px"></td>
					</tr>
					<tr>
						<td>Geboorteplaats:*</td>
						<td><input type="text" name="geboorteplaats" value="{$user->getGeboorteplaats()|stripslashes}"  style="width: 300px"></td>
					</tr>
					<tr>
						<td>Geboortedatum:*</td>
						<td>
							<table>
								<tr>
									<td style="vertical-align: middle">
										<input type="text" name="birthdateDay" style="width: 25px" value="{$birthdateDay}">
									</td>
									<td style="vertical-align: middle">
										&nbsp;-&nbsp;<input type="text" name="birthdateMonth" style="width: 25px" value="{$birthdateMonth}">
									</td>
									<td style="vertical-align: middle">
										&nbsp;-&nbsp;<input type="text" name="birthdateYear" style="width: 40px" value="{$birthdateYear}">
									</td>
									<td style="vertical-align: middle">
										&nbsp;<button title="datum visueel bewerken" style="width: 24px; height: 24px;" onclick="{literal}cal_geboortedatum.showCalendar('cal_geboortedatum'); return false;{/literal}"><img src="images/calendar/agenda.gif" width="16" height="15" border="0" alt="Agenda" /></button><div id="cal_geboortedatum" style="background-color: white; layer-background-color: white; position: absolute; visibility: hidden;"></div>
										<script type="text/javascript">{literal}var cal_geboortedatum = new CalendarPopup( "cal_geboortedatum" );cal_geboortedatum.setReturnFunction( "cal_geboortedatum_change" );cal_geboortedatum.setWeekStartDay( 1 );function cal_geboortedatum_change( y, m, d ){document.getElementById('wijziggegevens').birthdateDay.value = LZ(d);document.getElementById('wijziggegevens').birthdateMonth.value = LZ(m);document.getElementById('wijziggegevens').birthdateYear.value = LZ(y);}document.write( cal_geboortedatum.getStyles() );document.getElementById('wijziggegevens').birthdateDay.value = '{/literal}{$birthdateDay}{literal}';document.getElementById('wijziggegevens').birthdateMonth.value = '{/literal}{$birthdateMonth}{literal}';document.getElementById('wijziggegevens').birthdateYear.value = '{/literal}{$birthdateYear}{literal}';{/literal}</script>
									</td>
	 							</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><i>Velden met een sterretje(*) zijn verplicht.</i></td>
					</tr>
				</table>
				<p>&nbsp;</p>
				<p>Als je je wachtwoord wilt wijzigen, vul dan hier je huidige wachtwoord en tweemaal het gewenste nieuwe wachtwoord in. Laat deze velden leeg als je je wachtwoord niet wil wijzigen.</p>
				<table cellspacing="3" cellpadding="0" border="0">
					<tr>
						<td style="width: 150px">Huidig wachtwoord:</td>
						<td><input type="password" name="pwold" style="width: 200px"></td>
					</tr>
					<tr>
						<td>Nieuwe wachtwoord:</td>
						<td><input type="password" name="pwnew1" style="width: 200px"></td>
					</tr>
					<tr>
						<td>Herhaal (nieuw):</td>
						<td><input type="password" name="pwnew2" style="width: 200px"></td>
					</tr>
					<tr>
						<td>
							<input type="hidden" name="module" value="{$module}" />
							<input type="hidden" name="action" value="wijziggegevens" />
							<br /><input type="button" value="Wijzigen" onclick="checkvalues();">
						</td>
						<td></td>
					</tr>
				</table>
			</form>
			<p>&nbsp;</p>
		</td>
		<td style="padding-left: 20px; padding-top: 50px; vertical-align: top; text-align: left" class="tekst" >
		<img src="{$user->getAfbeelding()}" alt="Jouw foto" /><br />
		<a href="/persoonlijk/fotowijzigen/" title="Wijzig je foto">Wijzig je foto</a>
		{else}
				<table cellspacing="0" cellpadding="3" border="0">
					<tr>
						<td style="width: 150px">Naam:</td>
						<td>{$user->getVoorletters()|stripslashes} {$user->getTussenvoegsel()|stripslashes} {$user->getAchternaam()|stripslashes}</td>
					</tr>
					<tr>
						<td>Roepnaam:</td>
						<td>{$user->getVoornaam()|stripslashes}}</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td></td>
					</tr>
					<tr>
						<td>E-mailadres:</td>
					
						<td>{$user->getEmail()|stripslashes}</td>
					</tr>
					<tr>
						<td>Straatnaam:</td>
						<td>{$woonadres->getStraatnaam()|stripslashes}</td>
					</tr>
					<tr>
						<td>Huisnummer, toevoeging:</td>
						<td>{$woonadres->getHuisnummer()|stripslashes} {$woonadres->getToevoeging()|stripslashes}</td>
					</tr>
					
					<tr>
						<td>Postcode, plaats:</td>
						<td>{$woonadres->getPostcode()|stripslashes} {$woonadres->getPlaats()|stripslashes}</td>
					</tr>
					<tr>
						<td>Telefoon:</td>
						<td>{$user->getTelefoon()|stripslashes}</td>
					</tr>
					<tr>
						<td>Mobiel:</td>
					
						<td>{$user->getMobiel()|stripslashes}</td>
					</tr>
					<tr>
						<td>Geboorteplaats:</td>
						<td>{$user->getGeboorteplaats()|stripslashes}</td>
					</tr>
					<tr>
						<td>Geboortedatum:</td>
						<td>
							<table>
								<tr>
									<td style="vertical-align: middle">
										{$birthdateDay}
									</td>
									<td style="vertical-align: middle">
										&nbsp;-&nbsp;{$birthdateMonth}
									</td>
									<td style="vertical-align: middle">
										&nbsp;-&nbsp;{$birthdateYear}
									</td>
	 							</tr>
							</table>
						</td>
					</tr>
				</table>
				<p>&nbsp;</p>
			</form>
			<p>&nbsp;</p>
		{/if}
		</td>
	</tr>
</table>
